<template>
	<view class="item">
		<view class="info">
			<image :src="base+doc.avatar" mode=""></image>
			<view class="dicinfo">
				<view class="name">{{doc.name}}</view>
				<view class="m">职称:{{doc.jobName}}</view>
				<view class="m">职业编号:{{doc.practiceNo}}</view>
				<view class="m">从业年限:{{doc.workingYears}}年</view>
			</view>
		</view>
		<view class="goodat">
			<text>医生擅长</text>
			<image src="/static/images/right.png" mode="" @tap="showDetail"></image>
		</view>
		<view class="goodat-msg" v-if="show">
			{{doc.goodAt}}
		</view>
	</view>
</template>

<script setup>
	import {
		ref
	} from 'vue'
	import {
		onLoad
	} from "@dcloudio/uni-app"
	 const props=defineProps(["doc"])
	 let base = uni.$base_url
	 let show=ref(false)
	 function showDetail()
	 {
		show.value=!show.value 
	 }
	 
</script>

<style lang="scss">
.item {
			margin: 10px;
			border: 1px solid #ccc;
			padding: 5px;

			.info {
				display: flex;
				justify-content: space-around;

				image {
					width: 200rpx;
					height: 300rpx;
					margin-right: 5px;
				}

				.dicinfo {
					width: 500rpx;

					.name {
						font-size: 30rpx;
						font-weight: bold;

					}

					.m {
						font-size: 24rpx;
						color: #999;
						line-height: 50rpx;
					}
				}
			}

			.goodat {
				margin-top: 5px;
				font-size: 26rpx;
				display: flex;
				justify-content: space-between;
				align-items: center;

				image {
					width: 15px;
					height: 10px;
					cursor: pointer;
				}

			}

			.goodat-msg {
				font-size: 26rpx;
				color: #999;
			}
		}
</style>